<template>
    <div>
        <table class="table table-bordered" border="1">
    <thead>
        <tr>
        <td>电子汇券编号</td>
        <td>电子汇券标题</td>
        <td>电子汇券颜色</td>
        <td>电子汇券库存</td>
        <td>每人限邻</td>
        <td>开始日期</td>
        <td>结束日期</td>
        <td>客服电话</td>
        <td>使用须知（兑换券才有）</td>
        <td>折扣(折扣券才有)</td>
      <td>适用业务(折扣券才有)</td>
        <td>代金金额（代金券才有）</td>
        <td>电子汇券</td>
        <td>门店名称</td>
        <td>操作</td>
    </tr>
    </thead>
    <tbody>
        <tr v-for="item in xs">
        <td>{{item.bill_id}}</td>
        <td>{{item.bill_Tittle}}</td>
        <td>{{item.bill_ys}}</td>
        <td>{{item.bill_Color}}</td>
        <td>{{item.bill_Use}}</td>
        <td>{{item.bill_StarTime}}</td>
        <td>{{item.bill_EndTime}}</td>
        <td>{{item.bill_Pone}}</td>
        <td>{{item.bill_Precautions}}</td>
        <td>{{item.bill_Discont}}</td>
        <td>{{item.bill_Business}}</td>
        <td>{{item.bill_Money}}</td>
        <td>{{item.bill_type}}</td>
        <td>{{item.shop_name}}</td>
        <td><slot :id="item.bill_id"></slot></td>
    </tr>
    </tbody>
    


</table>

    </div>
</template>

<script setup lang="ts">
import { ref,onMounted } from "vue";
import axios from "axios";

const xs=ref([{

    bill_id: 0,
    bill_Tittle: "",
    bill_ys: "",
    bill_Color: "",
    bill_Use: "",
    bill_StarTime: "2024-10-03T00:00:00",
    bill_EndTime: "2024-10-24T00:00:00",
    bill_Pone: "",
    bill_Precautions: "",
  bill_Discont: 0,
  bill_Business: "",
  bill_Money: 0,
    bill_type:0,
    shop_name: ""
}])




onMounted(()=>{


    dbxs();

})



const dbxs=()=>{
axios.get('https://localhost:7268/api/hq/showElecshopinfo')
  
.then(res=>{
console.log(res.data);
    xs.value=res.data
    
})
.then(error=>{


   console.log(error) 
})




}



</script>

<style scoped>

</style>